<style>
    .nav {
        height: 40px;
        border-top: 5px solid orange;
        border-bottom: 1px solid;
        background: #b2a7a7;
        line-height: 40px;
    }
    .nav a {
        display: inline-block;
        height: 40px;
        padding: 0 10px;
        color: #000;
        text-decoration: none;
    }
    .nav a:hover {
        background: gray;
        color: #fff;
    }
</style>

<div class="nav">
    <a href="#">你好</a>
    <a href="#">看起来还行嘛</a>
    <a href="#">很好嘛</a>
    <a href="#">好</a>
    <a href="#">你非常好</a>
</div>